import { Point } from "@/hooks/useConfig";
import { LoadPoint } from "./loadPoint";

export default function Points({
  points,
  activeDis,
}: {
  points: Point[];
  activeDis: number;
}) {
  return (
    <group dispose={null}>
      {points?.map((point: Point) => (
        <LoadPoint key={point.name} {...point} activeDis={activeDis} />
      ))}
    </group>
  );
}
